<template>
    <div class="header">
        <div class="content">
            <a href="/" aria-current="page" class="cell cell-logo nuxt-link-exact-active nuxt-link-active"
               data-v-18d54956="">
                <img style="width:200px" src="../assets/img/logo_head.png">
            </a>
        </div>
    </div>
</template>
<script>
    import {computed, onMounted} from "vue";
    import {useRouter} from "vue-router";

    export default {

    };
</script>
<style scoped>
    .header {
        height: 54px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #0b1721;
        color: #858a90;
        font-size: 14px;
        overflow: hidden;
    }
    .header .logo {
        float: left;
        width: 250px;
        line-height: 70px;
    }



    .btn-bell .el-icon-bell {
        color: #fff;
    }



    .user-avator img {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }


    .content{
        width: 1280px;
        margin: 0 auto;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .cell{
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        vertical-align: top;
        line-height: 16px;
    }
</style>
